<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>CMS后台管理系统</title>

    <!-- Bootstrap -->
    <link href="/Public/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/Public/assets/admin/css/common.css">
    
</head>
<body>
<div class="container">

    <nav class="navbar navbar-default">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/admin">首页</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="active"><a href="<?php echo U('Link/index');?>">友情链接 </a></li>
                <li><a href="<?php echo U('Photo/index');?>">我的相册</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">内容管理 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="<?php echo U('Category/index');?>">分类管理</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="<?php echo U('Article/index');?>">文章管理</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="<?php echo U('Article/trash');?>">文章回收站</a></li>
                    </ul>
                </li>
            </ul>
            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search">
                </div>
                <button type="submit" class="btn btn-default">Submit</button>
            </form>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">网站信息 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="<?php echo U('Config/site_info');?>">站点信息</a></li>
                        <li><a href="<?php echo U('Config/clear_cache');?>"> 清除缓存</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">欢迎<?php echo ($_SESSION['user']['username']); ?>管理员 <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="<?php echo U('Config/index');?>">修改密码</a></li>
                        <li><a href="<?php echo U('User/logout');?>">安全退出</a></li>
                        <li><a href="<?php echo U('About/index');?>">我的资料</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

    
    <div class="row">
        <div class="col-md-9">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">友情链接</h3>
                </div>
                <div class="panel-body">
                    <form action="" method="post" id="form">
                        <table class="table table-hover">
                            <thead>
                            <tr>
                                <th>
                                    <input type="checkbox" class="check_all">
                                </th>
                                <th>编号</th>
                                <th>名称</th>
                                <th>网址</th>
                                <th>排序</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>

                            <?php if(is_array($links)): $i = 0; $__LIST__ = $links;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$link): $mod = ($i % 2 );++$i;?><tr data-id="<?php echo ($link["id"]); ?>">
                                    <th>
                                        <input type="checkbox" name="ids[]" value="<?php echo ($link["id"]); ?>" class="checked_id">
                                    </th>
                                    <th scope="row"><?php echo ($link["id"]); ?></th>
                                    <td class="name"><?php echo ($link["name"]); ?></td>
                                    <td class="url"><a href="<?php echo ($link["url"]); ?>" target="_blank"><?php echo ($link["url"]); ?></a></td>
                                    <td>
                                        <input type="hidden" name="id[]" value="<?php echo ($link["id"]); ?>">
                                        <input type="text" name="sort_order[]" value="<?php echo ($link["sort_order"]); ?>">
                                    </td>
                                    <td>

                                        <a href="javascript: void 0;" class="edit" data-toggle="modal"
                                           data-target="#editLink">
                                            <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                                        </a>

                                        <a href="javascript: void 0;" class="delete" data-toggle="modal"
                                           data-target="#deleteLink">
                                            <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
                                        </a>
                                    </td>
                                </tr><?php endforeach; endif; else: echo "" ;endif; ?>

                            </tbody>
                        </table>
                    </form>
                </div>
            </div>
        </div>

        <div class="col-md-3">
            <div class="list-group">
                <a href="javascript: void 0;" class="list-group-item list-group-item-info" data-toggle="modal"
                   data-target="#addLink">
                    新增
                </a>

                <a href="javascript: void 0;" id="delete_all" class="list-group-item list-group-item-warning">
                    删除
                </a>

                <a href="javascript: void 0;" id="sort_order" class="list-group-item list-group-item-success">排序</a>
            </div>
        </div>
    </div>


    <!-- 新增Modal -->
    <div class="modal fade" id="addLink" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <form class="form-horizontal">

                <div class="modal-content panel panel-default">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">新增友情链接</h4>
                    </div>

                    <div class="modal-body">
                        <div class="form-group">
                            <label for="name" class="col-sm-2 control-label">名称</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="name" id="name" placeholder="请输入友情链接的名称">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="url" class="col-sm-2 control-label">网址</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="url" id="url" placeholder="请输入友情链接的网址">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关 闭</button>
                        <button type="submit" class="btn btn-primary add_link">保 存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- 编辑Modal -->
    <div class="modal fade" id="editLink" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <form class="form-horizontal">
                <input type="hidden" name="id" id="edit_id">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="">编辑友情链接</h4>
                    </div>

                    <div class="modal-body">
                        <div class="form-group">
                            <label for="name" class="col-sm-2 control-label">名称</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="name" id="edit_name"
                                       placeholder="请输入友情链接的名称">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="url" class="col-sm-2 control-label">网址</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="url" id="edit_url"
                                       placeholder="请输入友情链接的网址">
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关 闭</button>
                        <button type="submit" class="btn btn-primary update_link">保 存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!--删除-->
    <div class="modal fade" id="deleteLink" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <input type="hidden" id="del_id">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="ModalLabel">删除友情链接</h4>
                </div>

                <div class="modal-body">
                    <p>确认要删除当前友情链接吗？</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
                    <a type="submit" class="btn btn-danger delete_confirm">确 认</a>
                </div>
            </div>
        </div>
    </div>

</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/Public/vendor/bootstrap/js/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/Public/vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="/Public/vendor/nprogress/nprogress.js"></script>
<script type="text/javascript" src="/Public/vendor/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="/Public/vendor/ueditor/ueditor.all.js"></script>
<script type="text/javascript">
    var ue = UE.getEditor('container');
</script>
<!--<script src="/Public/assets/admin/js/admin.js"></script>-->

    <!--<script src="/Public/assets/admin/js/link.js"></script>-->
    <script>
        $(function () {
            //ajax新增
            $('.add_link').click(function () {
                var info = {
                    name: $("#name").val(),
                    url: $("#url").val()
                }

//                console.log(info);

                $.post("<?php echo U('ajax_add');?>", info, function (data) {
                    var html = '<tr data-id="' + data.info.id + '">' +
                        '<th>' +
                        '<input type="checkbox" name="ids[]" value="' + data.info.id + '" class="checked_id">' +
                        '</th>' +
                        '<th scope="row">' + data.info.id + '</th>' +
                        '<td class="name">' + info.name + '</td>' +
                        '<td class="url"><a href="' + info.url + '" target="_blank">' + info.url + '</a></td>' +
                        '<td>' +
                        //                        '<input type="hidden" name="id[]" value="<?php echo ($link["id"]); ?>">' +
                        '<input type="text" name="sort_order[]" value="99">' +
                        '</td>' +
                        '<td>' +
                        '' +
                        '<a href="javascript: void 0;" class="edit" data-toggle="modal"' +
                        'data-target="#editLink">' +
                        '<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>' +
                        '</a>' +
                        '' +
                        '<a href="javascript: void 0;" class="delete">' +
                        '<span class="glyphicon glyphicon-trash" data-toggle="modal"' +
                        'data-target="#deleteLink" aria-hidden="true"></span>' +
                        '</a>' +
                        '</td>' +
                        '</tr>';

                    $(html).appendTo('tbody');

                    //清空表单值
                    $("#name").val('');
                    $("#url").val('');

                    //关闭模态框
                    $("#addLink").modal("hide");
                })
                return false;
            })

            //ajax编辑
            $('.edit').click(function () {
                //获取表单原有的值
                var id = $(this).parents('tr').data('id');
                var name = $(this).parent().siblings('.name').text();
                var url = $(this).parent().siblings('.url').text();

                //设置数据库原有的值
                $("#edit_id").val(id);
                $("#edit_name").val(name);
                $("#edit_url").val(url);
            })

            $('.update_link').click(function () {
                var info = {
                    id: $("#edit_id").val(),
                    name: $("#edit_name").val(),
                    url: $("#edit_url").val()
                }
//                console.log(info);

                $.post("<?php echo U('ajax_update');?>", info, function () {
                    window.location.reload();
                })

                return false;
            })

            //ajax删除单条
            $('.delete').click(function () {
                var id = $(this).parents('tr').data('id');
                $("#del_id").val(id);
            })


            //删除加上给动态添加的元素绑定事件
            $('.delete_confirm').click(function () {
                var id = $("#del_id").val();
                $.post("<?php echo U('delete_one');?>", {id: id}, function () {
                    $("tr[data-id='" + id + "']").fadeOut(400);
                })

                //关闭模态框
                $("#deleteLink").modal("hide");
                return false;
            })

            //全选、反选
            $(".check_all").click(function () {
                var checked = $(this).prop('checked');
                $(".checked_id").prop('checked', checked);
            })

            //ajax删除多条
            $('#delete_all').click(function () {
                var length = $('.checked_id:checked').length;
                if (length == 0) {
                    alert('您至少要选中一条记录');
                    return false;
                }

                $.post("<?php echo U('del_all');?>", $('.checked_id:checked').serialize(), function () {

                    $(".checked_id:checked").each(function () {
                        $(this).parents('tr').fadeOut(400);
                    })

                })

                return false;
            })


            //ajax排序
            $('.sort_order').change(function () {
                //思想：获取要修改的记录的id和修改后的值，然后发ajax请求到后端，后端执行数据库修改操作。

                return false;
            })

            //删除的另外一种弹出框
//            $('.delete').click(function () {
//                if (confirm('您确定要删除此条记录吗?')) {
//
//                }
//            })

        })
    </script>

</body>
</html>